<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">
<head>
<meta charset="utf-8" />
<title>Carmen Sandiego Wicket</title>
<link
	href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:regular,bold'
	rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="style.css" type="text/css" media="screen"
	title="Stylesheet" />

<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<script
	src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>


</head>
<body>
	<div class="container">
		<div class="page-header">
			<h1>
				<span wicket:id="nombre"></span>
			</h1>
		</div>
		<!--  <form wicket:id ="mapamundi">
	  	</form>-->
		<div class="col-md-12">
			<div class="col-md-4">

				<table class="table table-striped table-bordered table-condensed">
					<thead>
						<tr>
							<th id="main">Pais</th>
							<th id="main">action</th>

						</tr>
					</thead>

					<tbody>
						<tr wicket:id="opciones">
							<td><span wicket:id="nombre"></span></td>
							<td>
								<div class="btn-group">
									<button wicket:id="ver" class="btn btn-default">
										<span class="glyphicon glyphicon-eye-ope"></span> Ver</button>

								</div>
							</td>
						</tr>
					</tbody>


				</table>
			</div>
					<!-- 
				<select wicket:id="opciones" value = "pais"></select>
				<div class="btn-group">
	           	        		<button wicket:id="ver" class="btn-link">ver</button>
	           	        		
	           	        	</div>
			</div>
			 -->

					<div class="col-md-8">

						<table class="table table-striped table-bordered table-condensed">
							<thead>
								<tr>
									<th id="main">Caractetisticas</th>
								</tr>
							</thead>
							<tbody>
								<tr wicket:id="caracteristicas">
								</tr>
							</tbody>
						</table>

				   </div>	
				</div>
			</div>
		
</body>
</html>
